<template>
  <div id="app">
    <keep-alive :include="/-needCache-$/">
      <router-view />
    </keep-alive>
    <tabbar></tabbar>
  </div>
</template>
<script>
import tabbar from "./components/tabbar.vue"; //引用组件的地址
export default {
  components: {
    tabbar,
  },
  data() {
    return {};
  },
  computed: {},
  created() {},

  mounted() {},
  methods: {},
};
</script>
<style >
body {
  background: #f6f6f6;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: scroll;
  position: relative;
}

#app {
  font-family: PingFangSC-Regular, PingFang SC, AliHYAiHei-Beta, AliHYAiHei,
    "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  left: 0;
  top: 0;
  /* overflow: hidden; */
}
.disf {
  display: flex;
}
.disf_jc {
  justify-content: space-between;
}

#app::-webkit-scrollbar {
  display: none;
}

html,
body {
  height: 100%;
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早起浏览器*/
  -moz-user-select: none;
  /*火狐浏览器*/
  -ms-user-select: none;
  /*IE浏览器*/
  user-select: none;
  /*用户是否能够选中文本*/
}
input,
select {
  -webkit-user-select: auto;
  /*webkit浏览器*/
  user-select: auto;
  /*用户是否能够选中文本*/
}
body,
html,
div,
a,
p,
h1,
h2,
h3,
h4,
span,
ul,
li {
  margin: 0;
  padding: 0;
}
.van-nav-bar {
  /* box-shadow: 0px 1px 2px 0px #e1e1e1; */
}
.van-nav-bar .van-icon {
  color: #20253a;
}
.van-nav-bar__text {
  color: #20253a;
}

.clearfix {
  display: block;
  content: "";
  clear: both;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}
</style>